@import '../../assets/css/reset.css';
@import "../../assets/css/common.css";
@import "../../assets/css/property.css";

* {
  margin: 0;
  padding: 0;
}

html,
body {
  width: 100%;
  height: 100%;
  background: url('../../assets/imgs/sign-bg.jpg') no-repeat center/cover;
  // background-color: aqua;
  // position: relative;
  font-family: PingFangSC-bold;
}

//顶部密码登录
.header {
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: right;

  div {
    width: 80px;
    height: 50px;
    // line-height: 50px;
    text-align: center;
    margin: 20px;

    a {
      color: #fff;
      // text-decoration: none;
      font-size: 20px;
    }
  }
}

//主体部分
.main {
  width: 100%;
  height: 80%;
  padding: 32px;

  h1 {
    color: #fff;
    font-size: 26px;
  }

  h4 {
    color: #999;
    margin-top: 5px;
    font-size: 16px;
  }

  .mainInput {
    margin-top: 40px;

    input {
      border-radius: 30px;
      margin: 10px 0px 10px;
      width: 310px;
      height: 50px;
      // opacity: 0.5;
      background-color: rgba(255, 255, 255, 0.5);
      padding-left: 20px;
    }

    ::placeholder {
      color: #E1E0E2;
    }

    .mainInputPhe {
      color: #fff;
      position: relative;

      input {
        padding-left: 70px;
      }



      ::after {
        display: block;
        content: '';
        width: 0;
        height: 0;
        border-top: 8px solid #fff;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid transparent;
        position: absolute;
        top: 6px;
        left: 34px;

      }

      span {
        position: absolute;
        top: 25px;
        left: 20px;

      }
    }

    .mainInputYz {
      width: 100%;
      height: 50px;
      position: relative;
      margin: 10px 0px;
      // margin: 10px 0px;

      input {
        width: 180px;
        margin: 0px;
        position: absolute;
      }

      a {
        position: absolute;
        right: 20px;

        img {
          width: 120px;
          height: 50px;
        }
      }
    }

    .btn {
      border-radius: 20px;
      margin: 10px 0px 10px;
      width: 310px;
      height: 50px;
      background-color: rgba(0, 255, 55, 0.5);
      text-align: center;
      line-height: 50px;
      color: #fff;
    }

  }
}

//尾部
.footer {
  padding: 0px 32px;
  width: 100%;
  text-align: center;
  color: #fff;
}
